<template>
  <div id="index">
    <header class="header">
      <div id="main-nav">
        <nav class="navbar navbar-inverse container" role="navigation" style="margin: 0 auto;">
          <div class="navbar-header">
            <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse"
                    data-target="#main-nav">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand scroll-top logo"><img src="../../public/images/logo.png" alt="skytouch"/></a>
          </div>
          <!--/.navbar-header-->
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav" id="mainNav" style="height:78px;">
              <li class="active"><a href="#home" class="scroll-link"><img src="../../public/images/home.png"></a></li>
              <li style="height:0;width:0;visibility:hidden;"><a href="#describe" class="scroll-link isotopeWrapper">功能描述</a></li>
              <li><a href="#new" class="scroll-link">PageOfficeV5.0新特性</a></li>
              <li><a href="#jichu" class="scroll-link">基础功能</a></li>
              <li><a href="#gaoji" class="scroll-link">高级功能</a></li>
              <li><a href="#zonghe" class="scroll-link">综合演示</a></li>
              <li><a href="#qita" class="scroll-link">其他技巧</a></li>
              <li><a href="http://www.zhuozhengsoft.com" target="_blank" class="scroll-link">卓正官网</a></li>
            </ul>
          </div>

          <!--/.navbar-collapse-->
        </nav>
        <!--/.navbar-->
      </div>
      <!--/.container-->
    </header>
    <!--/.header-->
    <div id="#top"></div>
    <section id="home" class="page-section">
      <div class="banner-container">
        <div class="container banner-content">
          <div id="da-slider" class="da-slider">
            <div class="da-slide">
              <h2>PAGEOFFICE V5.0重磅来袭！</h2>
              <p>PageOffice基于在线Office的100余项功能，让用户更轻松高效的进行文档协同办公！</p>
              <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
              <div class="da-img"></div>
            </div>
            <div class="da-slide">
              <h2>新功能一</h2>
              <p>PageOffice V5.0产品用户界面简洁大方，完美支持高分屏显示效果！</p>
              <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
              <div class="da-img"></div>
            </div>
            <div class="da-slide">
              <h2>新功能二</h2>
              <p>实现所有浏览器弹出PageOffice窗口时，不再出现询问是否打开的确认框，简化操作步骤，大大提高了用户使用体验!</p>
              <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
              <div class="da-img"></div>
            </div>
            <div class="da-slide">
              <h2>新功能三</h2>
              <p>新增支持ASP.NET Core3.0！</p>
              <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
              <div class="da-img"></div>
            </div>
            <nav class="da-arrows">
              <span class="da-arrows-prev"></span>
              <span class="da-arrows-next"></span>
            </nav>
          </div>
        </div>
      </div>
      <!--/.container-->
    </section>

    <section id="describe" class="page-section pDark pdingBtm30">
      <div class="container">
        <div class="heading text-center">
          <!-- Heading -->
          <h2></h2>
          <p></p>
        </div>
        <div class="row">
          <div class="col-md-3 col-sm-6">
            <div class="tray text-center">
              <h3><i class="fa fa-desktop color"></i> &nbsp;基础功能</h3>
              <!-- Paragraph -->
              <p>演示最基本的在线打开、编辑、保存Office文档；控制PageOffice产品的界面，包括标题栏、菜单栏、自定义工具条、Office工具栏的隐藏和显示...</p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="tray text-center">
              <!-- Heading -->
              <h3><i class="fa fa-cloud color"></i> &nbsp;高级功能</h3>
              <!-- Paragraph -->
              <p>演示调用Pageoffice提供的接口填充数据到Word、Excel模版文件，动态生成文档，Word转PDF，批量生成文件，控制Word、Excel中内容格式的功能... </p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="tray text-center">
              <!-- Heading -->
              <h3><i class="fa fa-home color"></i> &nbsp;综合演示</h3>
              <!-- Paragraph -->
              <p>通过几种模型示例演示PageOffice在各种应用场景中，调用PageOffice具体的API解决实际问题的效果。例如Word文件在OA系统中流转的过程，动态生成试卷等...</p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="tray text-center">
              <!-- Heading -->
              <h3><i class="fa fa-coffee color"></i> &nbsp;其他技巧</h3>
              <!-- Paragraph -->
              <p>演示通过PageOffice直接调用vba接口的一些常用方法。例如定位光标到书签，JS方式插入书签，JS方式插入图片水印，JS方式获取Word选中的文字等...</p>
            </div>
          </div>
        </div>
      </div>
      <!--/.container-->
    </section>

    <div id="gtco-features">
      <div class="gtco-container">
        <p><font color="red">注意：</font>以下示例除第六部分以外所有示例均可同时支持谷歌Chrome、IE、Firefox、搜狗、360等流行浏览器。如果您确定您的软件项目的所有用户只使用IE浏览器，请按照第六部分示例的集成方式调用PageOffice，效果更佳。
        </p>
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="new">
            <h2>七、PAGEOFFICE v5.0新特性</h2>
          </div>
        </div>
        <div class="row">
          <table class="zz-talbe">
            <thead>
            <tr>
              <th style="width:45px;">类型</th>
              <th style="width:500px;">功能示例</th>
              <th style="width:120px;">文件夹</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>七、1、<a
                href="javascript:POBrowser.openWindowModeless('CommentOnly/Word',  'width=1150px;height=900px;');">在Word文件只读的情况下向Word文件中插入键盘批注</a>
                <p>演示WebOpen方法的第二个参数使用docCommentOnly，第三个参数传用户名，在Word文件只读的情况下向Word文件中插入键盘批注。</p>
              </td>
              <td>/CommentOnly</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>七、2、<a
                href="javascript:POBrowser.openWindowModeless('OnWordSelectionChange/Word',  'width=1150px;height=900px;');">OnWordSelectionChange事件的使用</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示OnWordSelectionChange事件的使用，在Word选中区域内容发生改变或者光标插入位置发生改变时触发。</p>
              </td>
              <td>/OnWordSelectionChange</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td> 
              <td>七、3、<a href="javascript:POBrowser.openWindowModeless('Token/index',  'width=1150px;height=900px;');">PageOffice浏览器方式打开文件的情况下如何传递token</a>
                <p>演示PageOffice浏览器方式打开文件的情况下如何传递token，这种token验证方式常用于前后端分离的项目。</p>
              </td>
              <td>/Token</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div id="gtco-features">
      <div class="gtco-container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="jichu">
            <h2>一、基础功能</h2>
          </div>
        </div>
        <div class="row">
          <table class="zz-talbe">
            <thead>
            <tr>
              <th style="width:45px;">类型</th>
              <th style="width:500px;">功能示例</th>
              <th style="width:120px;">文件夹</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、1、<a
                href="javascript:POBrowser.openWindowModeless('SimpleWord/Word', 'width=1150px;height=900px;');">最简单在线打开保存Word文件（URL地址方式）</a>
                <p>
                  演示PageOffice实现最基本的在线打开保存服务器上Word文件的功能，也是最简单的一个集成PageOffice的示例，第一次接触PageOffice产品的用户可以参考此示例把PageOffice集成到自己的项目中。
                </p>
              </td>
              <td>/SimpleWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、2、<a
                href="javascript:POBrowser.openWindowModeless('SimpleWord/Word1', 'fullscreen=yes;');">以磁盘路径方式打开Office文件（以Word为例）</a>
                <p>最简单的集成PageOffice的示例，但使用的是服务器磁盘路径的方式，这种方式的优点：1. 支持中文路径；2. 文件可以保存在服务器上的任意磁盘文件夹下。<span
                  style="color:red;">（此示例演示以窗口全屏显示的方式打开文件。）</span></p>
              </td>

              <td>/SimpleWord</td>
            </tr>

            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>一、3、<a
                href="javascript:POBrowser.openWindowModeless('SimpleExcel/Excel','width=1200px;height=800px;');">最简单在线打开保存Excel文件（URL地址方式）</a>
                <p>
                  演示在线打开保存Excel文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致。</p>
              </td>
              <td>/SimpleExcel</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-3.png"/></td>
              <td>一、4、<a
                href="javascript:POBrowser.openWindowModeless('SimplePPT/PPT','width=1200px;height=800px;');">最简单在线打开保存PPT文件（URL地址方式）</a>
                <p>
                  演示在线打开保存PPT文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致</p>
              </td>
              <td>/SimplePPT</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、5、<a
                href="javascript:POBrowser.openWindowModeless('TitleText/Word' , 'width=1200px;height=800px;');">修改标题栏文本内容</a>
                <p>通过给Caption属性赋值可以修改标题栏的文本内容，如果不给Caption赋值的话，标题栏默认显示的文本是：卓正 PageOffice 开发平台。</p>
              </td>
              <td>/TitleText</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、6、<a
                href="javascript:POBrowser.openWindowModeless('ControlBars/Word' , 'width=1200px;height=800px;');">隐藏标题栏、菜单栏、自定工具栏和Office工具栏（以Word为例）</a>
                <p>演示如何隐藏标题栏、菜单栏、自定工具栏和Office工具栏，每个栏都是可以单独的控制是否隐藏。</p>
              </td>
              <td>/ControlBars</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、7、<a
                href="javascript:POBrowser.openWindowModeless('SetTheme/Word' , 'width=1200px;height=800px;');">设置PageOffice界面的主题样式</a>
                <p>通过设置Theme 属性，改变控件窗口的界面样式。有自定义界面、Office2007界面和Office2010界面共三种主题可选。</p>
              </td>
              <td>/SetTheme</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、8、<a
                href="javascript:POBrowser.openWindowModeless('OpenWord/Word' , 'width=1200px;height=800px;');">最简单的只读打开Office文件（以Word为例）</a>
                <p>
                  实现只读模式打开Office文件，只需要修改WebOpen的第二个参数即可，PageOffice针对Word、Excel和PPT分别提供了docReadOnly、xlsReadOnly和pptReadOnly模式。</p>

              </td>
              <td>/OpenWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、9、<a
                href="javascript:POBrowser.openWindowModeless('SaveReturnValue/Word' , 'width=1200px;height=800px;');">文档保存后给前台页面返回开发者自定义的保存结果值（以Word为例）</a>
                <p>通过后台代码设置PageOffice.FileSaver.CustomSaveResult
                  属性，给前台页面PageOffice对象返回一个用户自定义的值，以满足部分开发者给前台页面返回ID或其他保存结果的需求。</p>
              </td>
              <td>/SaveReturnValue</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、10、<a
                href="javascript:POBrowser.openWindowModeless('SendParameters/Word' , 'width=1200px;height=800px;');">给保存页面（SaveFilePage属性指向的页面）传递参数</a>
                <p>
                  此示例演示了PageOffice给保存页面传递参数的三种方式:(1)通过设置保存页面的url中的?传递参数;(2)通过input隐藏域给保存页面传递参数;(3)通过Form控件给保存页面传递参数(这里的Form控件包括输入框、下拉框、单选框、复选框、TextArea等类型的控件)。</p>
              </td>
              <td>/SendParameters</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、11、<a
                href="javascript:POBrowser.openWindowModeless('DataRegionFill/Word' , 'width=1200px;height=800px;');">给Word文档中的数据区域（DataRegion）赋值的简单示例</a>
                <p>此示例是一个最简单的给Word数据区域赋值的示例。预先在Word文档中手工设置一些DataRegion，通过PageOffice可以实现在文档中标记的位置处动态填充内容。</p>
              </td>
              <td>/DataRegionFill</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>一、12、<a
                href="javascript:POBrowser.openWindowModeless('ExcelFill/Excel' , 'width=1200px;height=800px;');">简单的给Excel表格赋值</a>
                <p>此示例是一个最简单的给Excel单元格赋值的示例。</p>
              </td>
              <td>/ExcelFill</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、13、<a
                href="javascript:POBrowser.openWindowModeless('SubmitWord/Word' , 'width=1200px;height=800px;');">最简单的提交Word中的用户输入内容</a>
                <p>演示PageOffice使用WordReader对象获取Word文档中数据的效果。此示例仅演示了最基本的功能，更详细功能请参考“综合演示”示例。</p>
              </td>
              <td>/SubmitWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>一、14、<a
                href="javascript:POBrowser.openWindowModeless('SubmitExcel/Excel' , 'width=1200px;height=800px;');">最简单的提交Excel中的用户输入内容</a>
                <p>演示PageOffice使用ExcelReader对象获取Excel文档中单元格数据的效果。此示例仅演示了最基本的功能，更详细功能请参考“综合演示”示例。</p>
              </td>
              <td>/SubmitExcel</td>
            </tr>

            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、15、<router-link to="InsertSeal/index" target="_blank">演示加盖印章和签字功能（以Word为例）</router-link>
                <p>演示PageOffice在线编辑时盖章和签字的功能。此示例演示了多种盖章操作和盖章后的效果，更多印章相关的功能请参考“综合演示”示例。印章管理平台可以轻易集成到您的软件系统中。</p>
              </td>
              <td>/InsertSeal</td>
            </tr>

            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、16、<a
                href="javascript:POBrowser.openWindowModeless('CommandCtrl/Word','width=1200px;height=800px;');">控制保存、另存和打印功能（以Word为例）</a>
                <p>演示怎样分别禁止Office的保存、另存和打印功能。</p>
              </td>
              <td>/CommandCtrl</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、17、<a
                href="javascript:POBrowser.openWindowModeless('WordSetTable/Word' , 'width=1200px;height=800px;');">给Word文档中Table赋值的简单示例</a>
                <p>演示了PageOffice对Word文档中Table的操作，包括给单元格赋值和动态添加行的效果。</p>
              </td>
              <td>/WordSetTable</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、18、<a
                href="javascript:POBrowser.openWindowModeless('WordDataTag2/Word' , 'width=1200px;height=800px;');">使用数据标签（DataTag）给Word文件填充文本数据</a>
                <p>
                  给Word模板中数据标签（DataTag）赋值，针对模板中有多处位置需要同一数据的需求，使用数据标签可以重复标记多处需要填充同一数据的位置，然后对数据标签编程实现填充模板生成文件。</p>
              </td>
              <td>/WordDataTag2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、19、<a
                href="javascript:POBrowser.openWindowModeless('CustomToolButton/Word' , 'width=1200px;height=800px;');">在PageOffice自定义工具条上添加一个按钮（以Word为例）</a>
                <p>给PageOffice自定义工具条上添加一个按钮，并设置点击时执行的代码。</p>
              </td>
              <td>/CustomToolButton</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、20、<a
                href="javascript:POBrowser.openWindowModeless('AfterDocOpened/Word' , 'width=1200px;height=800px;','[{\'id\':5,\'name\':\'jsonx\'}]');">添加文档打开之后在页面里触发的事件（以Word为例）</a>
                <p>演示怎样使用文档打开之后在页面里触发的事件，此事件很常用，需要在文件打开的时候执行的代码都可以放到此事件中执行。</p>
              </td>
              <td>/AfterDocOpened</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、21、<a
                href="javascript:POBrowser.openWindowModeless('JsControlBars/Word' , 'width=1200px;height=800px;');">用JS控制PageOffice窗口上各个工具栏的隐藏和显示（以Word为例）</a>
                <p>演示怎样用JS控制标题栏、菜单栏、自定义工具栏、Office工具栏的隐藏和显示。</p>
              </td>
              <td>/JsControlBars</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、22、<router-link to="ConcurrencyCtrl/index" target="_blank">打开文档使用"并发控制"（以Word为例）</router-link>
                <p>演示使用TimeSlice属性设置打开文档的并发控制时间，防止多个用户同时打开一个文件，出现编辑保存文件相互覆盖的问题。</p>
              </td>
              <td>/ConcurrencyCtrl</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>一、23、<a
                href="javascript:POBrowser.openWindowModeless('ExcelTable/Excel' , 'width=1200px;height=800px;');">对Excel中的一块区域赋值，并自动增加行</a>
                <p>演示使用PageOffice的方法OpenTable，实现行增长，还可以循环使用原模板Table区域（B4:F13）单元格样式。 </p>
              </td>
              <td>/ExcelTable</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、24、<a
                href="javascript:POBrowser.openWindowModeless('SaveAsHTML/Word' , 'width=1200px;height=800px;');">另存文件为HTML格式（以Word为例）</a>
                <p>演示使用PageOffice的WebSaveAsHTML方法，另存文件为Html格式保存到服务器。 </p>
              </td>
              <td>/SaveAsHTML</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、25、<a
                href="javascript:POBrowser.openWindowModeless('SaveAsMHT/Word' , 'width=1200px;height=800px;');">另存文件为MHT格式（以Word为例）</a>
                <p>演示使用PageOffice的WebSaveAsMHT方法，另存文件为MHT格式保存到服务器。 </p>
              </td>
              <td>/SaveAsMHT</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、26、<a
                href="javascript:POBrowser.openWindowModeless('BeforeAndAfterSave/Word' , 'width=1200px;height=800px;');">文档保存前和保存后触发的事件（以Word为例）</a>
                <p>演示怎样使用文档保存之前和保存之后触发的事件，这两个事件很常用，需要在保存文档时执行的js代码，都可以放到这两个事件中执行。 </p>
              </td>
              <td>/BeforeAndAfterSave</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、27、<a
                href="javascript:POBrowser.openWindowModeless('POBrowser2/Word','width=1200px;height=800px;');">PageOffice浏览器在线打开文档（以Word为例）</a>
                <p>全新的文件打开方式“PageOffice浏览器”方式，此方式提供了更完美的浏览器兼容性解决方案。</p>
              </td>
              <td>/POBrowser2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、28、<a
                href="javascript:POBrowser.openWindowModeless('SaveDataAndFile/Word' , 'width=1200px;height=800px;');">既保存Word文档中指定位置的数据,又保存整篇文档（以Word为例）</a>
                <p>演示如何将setSaveDataPage和setSaveFilePage方法结合使用,以达到同时保存数据和文件的效果。</p>
              </td>
              <td>/SaveDataAndFile</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、29、<a
                href="javascript:POBrowser.openWindowModeless('ImportWordData/Word' , 'width=1200px;height=800px;');">导入离线填报的Word文件并提交数据</a>
                <p>演示如何导入离线填报的Word文件，提交并获取文件中的填报数据。</p>
              </td>
              <td>/ImportWordData</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>一、30、<a
                href="javascript:POBrowser.openWindowModeless('ImportExcelData/Excel' , 'width=1200px;height=800px;');">导入离线填报的Excel文件并提交数据</a>
                <p>演示如何导入离线填报的Excel文件，提交并获取文件中的填报数据。</p>
              </td>
              <td>/ImportExcelData</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、31、<a
                href="javascript:POBrowser.openWindowModeless('WordDisableRight/Word' , 'width=1200px;height=800px;');">禁止Word中鼠标右键</a>
                <p>演示如何使用服务器端方法setDisableWindowRightClick(true)禁止当前Word文档中鼠标右键菜单。</p>
              </td>
              <td>/WordDisableRight</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>一、32、<a
                href="javascript:POBrowser.openWindowModeless('ExcelDisableRight/Excel' , 'width=1200px;height=800px;');">禁止Excel中鼠标右键</a>
                <p>演示如何使用服务器端方法setDisableSheetRightClick(true)禁止当前Excel工作表鼠标右键菜单。</p>
              </td>
              <td>/ExcelDisableRight</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、33、<router-link to="POBrowserTopic/index" target="_blank">POBrowser专题</router-link>
                <p>演示如何给POBrowser打开的页面传递参数。</p>
              </td>
              <td>/POBrowserTopic</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、34、<a
                href="javascript:POBrowser.openWindowModeless('NoFrame/Word', 'left=10px;top=10px;width=780px;height=900px;frame=no;');">演示隐藏POBrowser窗口的边框,并且控制POBrowser窗口的位置</a>
                <p>演示使用POBrowser.openWindowModeless的第三个参数的frame=no;
                  隐藏POBrowser窗口的边框，并且使用left，top等参数控制POBrowser窗口的位置，更多参数详情及使用说明请查看PageOffice的JS开发帮助。</p>
              </td>
              <td>/NoFrame</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>一、35、<a
                href="javascript:POBrowser.openWindowModeless('RevisionOnly/Word', 'width=1050px;height=900px;');">演示强制留痕模式编辑Word文档</a>
                <p>演示WebOpen方法的第二个参数使用docRevisionOnly，第三个参数传用户名，以强制留痕模式在线打开编辑Word文档。</p>
              </td>
              <td>/RevisionOnly</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div id="gtco-portfolio" class="gtco-section">
      <div class="gtco-container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="gaoji">
            <h2>二、高级功能</h2>
          </div>
        </div>

        <div class="row row-pb-md" id="div_gaoji">
          <table class="zz-talbe">
            <thead>
            <tr>
              <th style="width:45px;">类型</th>
              <th style="width:500px;">功能示例</th>
              <th style="width:120px;">文件夹</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、1、<a
                href="javascript:POBrowser.openWindowModeless('ReadOnly/Word' , 'width=1200px;height=800px;');">文件在线安全浏览（以Word为例）</a>
                <p>使用只读模式在线打开Word文件，禁止编辑、拷贝、打印、另存。</p>
                <p>安全浏览文档禁止：编辑、复制、粘贴、右键菜单、选择、下载、另存、F12下载、PrintScreen拷屏等操作。</p>
              </td>
              <td>/ReadOnly</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、2、<a
                href="javascript:POBrowser.openWindowModeless('DataBase/Word' , 'width=1200px;height=800px;');">打开保存数据库中的文件（以Word为例）</a>
                <p>演示如何使用PageOffice以流的方式打开数据库中保存的文件。不推荐把文件保存在数据库中，不便于调试，并且影响数据库的查询速度。</p>
              </td>
              <td>/DataBase</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、3、<router-link to="CreateWord/index" target="_blank">新建文件（以Word为例）</router-link>
                <p>演示系统中创建文档的两种方式：1.复制文件创建新文件方法；2.利用PageOffice的WebCreateNew方法创建新文件。</p>
              </td>
              <td>/CreateWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/pdf.jpg"/></td>
              <td>二、4、<a
                href="javascript:POBrowser.openWindowModeless('POPDF/PDF' , 'width=1050px;height=900px;');">在线打开PDF文件</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用POPDF组件在线打开PDF文件的效果，标题栏、菜单栏、工具栏和自定义工具条都可以分别隐藏，同时自定义工具条上的按钮的数量和功能均可编程控制。</p>
              </td>
              <td>/POPDF</td>
            </tr>
            <tr>
              <td><img src="../../public/images/pdf.jpg"/></td>
              <td>二、5、<a
                href="javascript:POBrowser.openWindowModeless('SaveAsPDF/Word' , 'width=1200px;height=800px;');">Office文件转换为PDF文件（以Word为例）</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示打开Word文件，转存为PDF格式到服务器的效果。</p>
              </td>
              <td>/SaveAsPDF</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、6、<a
                href="javascript:POBrowser.openWindowModeless('WordResWord/Word' , 'width=1200px;height=800px;');">后台编程插入Word文件到数据区域</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>此示例演示了通过后台编程，实现打开文件时多个Word文件插入到模板指定位置，生成一个合并文档的效果。</p>
              </td>
              <td>/WordResWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、7、<a
                href="javascript:POBrowser.openWindowModeless('WordResImage/Word' , 'width=1200px;height=800px;');">后台编程插入图片到数据区域</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>此示例在示例9的基础上做了修改，实现了图片和Word文件混合插入到模板指定位置，生成一个合并文档的效果。</p>
              </td>
              <td>/WordResImage</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、8、<a
                href="javascript:POBrowser.openWindowModeless('WordResExcel/Word' , 'width=1200px;height=800px;');">后台编程插入Excel文件到数据区域</a><span
                style=" color:Red;">（企业版）</span>
                <p>此示例在上一个示例的基础上做了修改，实现了Word和Excel文件混合插入到模板指定位置，生成一个合并文档的效果。</p>
              </td>
              <td>/WordResExcel</td>
            </tr>

            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、9、<a
                href="javascript:POBrowser.openWindowModeless('AddWaterMark/Word' , 'width=1200px;height=800px;');">给Word文档添加水印</a><span
                style=" color:Red;">（企业版）</span>
                <p>通过设置PageOffice.WordWriter.WaterMark 属性，给Word文档添加水印。</p>
              </td>
              <td>/AddWaterMark</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、10、<a
                href="javascript:POBrowser.openWindowModeless('WordDataTag/Word' , 'width=1200px;height=800px;');">使用数据标签（DataTag）给Word文件填充带格式的数据</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>
                  给Word模板中数据标签（DataTag）赋值，针对模板中有多处位置需要同一数据的需求，使用数据标签可以重复标记多处需要填充同一数据的位置，然后对数据标签编程实现填充模板生成文件。</p>
              </td>
              <td>/WordDataTag</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、11、<a
                href="javascript:POBrowser.openWindowModeless('DataRegionCreate/Word' , 'width=1200px;height=800px;');">在Word中动态创建数据区域</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>
                  演示使用CreateDataRegion方法动态添加数据区域的功能。动态添加数据区域，可以在生成Word文件的时候更灵活，甚至可以从空白的Word文件生成一个图文并茂的文件（详见“高级功能”示例）。</p>
              </td>
              <td>/DataRegionCreate</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、12、<a
                href="javascript:POBrowser.openWindowModeless('RunMacro/Word' , 'width=1200px;height=800px;');">执行文档中的宏命令（以Word为例）</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>使用PageOffice的RunMacro方法可以运行Office文档本身包含的宏命令。</p>
              </td>
              <td>/RunMacro</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、13、<router-link to="FileMakerSingle/index" target="_blank">FileMaker转换单个文档（以Word为例）</router-link><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用FileMaker对象动态生成文件的效果。虽然还是在客户端生成文件后保存到服务器上的，但是不在客户端显式的打开文件。</p>
              </td>
              <td>/FileMakerSingle</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、14、<a
                href="javascript:POBrowser.openWindowModeless('WordTable/Word' , 'width=1200px;height=800px;');">向Word文档中的Table插入新行并赋值</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了PageOffice给Word中表格插入新行的功能，同时也演示了如何给存在纵向合并单元格的表格添加新行。</p>
              </td>
              <td>/WordTable</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、15、<a
                href="javascript:POBrowser.openWindowModeless('WordHandDraw/Word' , 'width=1200px;height=800px;');">手写批注接口演示</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示了如何使用程序控制手写批注的线宽、颜色、缩放、笔触类型等功能。</p>
              </td>
              <td>/WordHandDraw</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、16、<a
                href="javascript:POBrowser.openWindowModeless('DataRegionTable/Word' , 'width=1200px;height=800px;');">获取Word文件中表格的数据</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了获取Word表格中的数据。要想获取表格中的数据，前提是：这个表格必须在一个数据区域内。使用数据区域对象的OpenTable方法就可以获取到表格中各个单元格的数据。</p>
              </td>
              <td>/DataRegionTable</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、17、<a
                href="javascript:POBrowser.openWindowModeless('DataRegionText/Word' , 'width=1200px;height=800px;');">控制数据区域文本的样式</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何使用程序控制数据区域文本的样式，包括设置文本的字体、字号、颜色、对齐方式。</p>
              </td>
              <td>/DataRegionText</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、18、<a
                href="javascript:POBrowser.openWindowModeless('SetDrByUserWord/index' , 'width=1200px;height=800px;');">控制不同用户编辑Word文档中不同的区域</a><span
                style=" color:Red;"></span>
                <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Word文档中属于自己的区域。</p>
              </td>
              <td>/SetDrByUserWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、19、<a
                href="javascript:POBrowser.openWindowModeless('SetDrByUserWord2/index' , 'width=1200px;height=800px;');">控制不同用户编辑Word文档中不同的区域（可同时编辑）</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Word文档中属于自己的区域。用此方法开发的话，支持多个人同时打开一个文件编辑各自的区域而互不影响的。</p>
              </td>
              <td>/SetDrByUserWord2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、20、<a
                href="javascript:POBrowser.openWindowModeless('SetHandDrawByUser/index' , 'width=1200px;height=800px;');">控制用户打开文件只能看到自己的手写</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示了如何使用程序控制用户打开文件后，只能看到自己手写的内容。使用HandDraw对象的ShowByUserName方法控制手写内容的显示和隐藏。</p>
              </td>
              <td>/SetHandDrawByUser</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、21、<a
                href="javascript:POBrowser.openWindowModeless('MergeWordCell/Word' , 'width=1200px;height=800px;');">使用程序合并Word文件中表格的单元格并赋值</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了使用MergeTo方法合并Word文件中表格的指定单元格，并填充文本数据，设置文字的字体、样式和对齐方式。</p>
              </td>
              <td>/MergeWordCell</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、22、<a
                href="javascript:POBrowser.openWindowModeless('ClickDataRegion/Word' , 'width=1200px;height=800px;');">响应数据区域点击事件</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了获取数据区域点击事件，实现禁止用户直接编辑数据区域的内容。用此方法可以实现下拉框选择数据的功能。</p>
              </td>
              <td>/ClickDataRegion</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、23、<a
                href="javascript:POBrowser.openWindowModeless('MergeExcelCell/Excel' , 'width=1200px;height=800px;');">使用程序合并Excel的单元格并设置格式和赋值</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了使用程序合并指定的Excel单元格，并设置文本格式和赋值。</p>
              </td>
              <td>/MergeExcelCell</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、24、<a
                href="javascript:POBrowser.openWindowModeless('SetXlsTableByUser/index' , 'width=1200px;height=800px;');">控制不同用户编辑Excel文档中不同的区域</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Excel文档中属于自己的区域。</p>
              </td>
              <td>/SetXlsTableByUser</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、25、<a
                href="javascript:POBrowser.openWindowModeless('SetExcelCellBorder/Excel' , 'width=1200px;height=800px;');">使用程序
                “绘制” Excel表格线</a><span style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何通过对ExcelWriter对象编程，在Excel文档中设置各个单元格或区域的边框样式，也就是设置Excel的表格线样式。</p>
              </td>
              <td>/SetExcelCellBorder</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、26、<a
                href="javascript:POBrowser.openWindowModeless('SetExcelCellText/Excel' , 'width=1200px;height=800px;');">用程序设置Excel单元格文本的字体、颜色、对齐和背景色</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何通过对ExcelWriter对象编程，设置Excel各个单元格文本的字体和颜色，设置单元格的对齐方式和背景色。</p>
              </td>
              <td>/SetExcelCellText</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、27、<a
                href="javascript:POBrowser.openWindowModeless('DataRegionFill2/Word' , 'width=1200px;height=800px;');">给Word文档中的数据区域（DataRegion）赋值并设置样式 </a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>
                  此示例是一个最简单的给Word数据区域赋值的示例。预先在Word文档中手工设置一些DataRegion，通过PageOffice可以实现在文档中标记的位置处动态填充内容并设置文本的样式。</p>
              </td>
              <td>/DataRegionFill2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、28、<a
                href="javascript:POBrowser.openWindowModeless('ExcelCellClick/Excel' , 'width=1200px;height=800px;');">响应Excel单元格点击事件</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了Excel单元格点击事件的使用，可以实现禁止用户直接编辑单元格内容的情况下，用下拉框选择数据的功能。</p>
              </td>
              <td>/ExcelCellClick</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、29、<a
                href="javascript:POBrowser.openWindowModeless('ExcelFill2/Excel' , 'width=1200px;height=800px;');">简单的给Excel单元格赋值设置文本颜色</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了用程序给Excel单元格填充数据，并设置文本的颜色。</p>
              </td>
              <td>/ExcelFill2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、30、<a
                href="javascript:POBrowser.openWindowModeless('DataRegionEdit/Word' , 'width=1200px;height=800px;');">用户自定义模板中数据区域（DataRegion）的位置</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了使用PageOffice封装好的数据区域管理窗口，实现用户自己编辑模板，定义模板中各个数据区域位置的效果。</p>
              </td>
              <td>/DataRegionEdit</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、31、<a
                href="javascript:POBrowser.openWindowModeless('DataTagEdit/Word' , 'width=1200px;height=800px;');">用户自定义模板中数据标签（DataTag）的位置</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了使用PageOffice封装好的数据标签管理窗口，实现用户自己编辑模板，定义模板中各个数据标签位置的效果。</p>
              </td>
              <td>/DataTagEdit</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、32、<a
                href="javascript:POBrowser.openWindowModeless('DefinedNameCell/Excel' , 'width=1200px;height=800px;');">给Excel模板中定义了名称的单元格赋值</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>Excel自身有一个“定义名称”的功能，可以给任意的单元格定义一个名称，比如定义某个单元格的名称为：testA1，此示例演示了，如何给这个名称为“testA1”的单元格赋值。</p>
              </td>
              <td>/DefinedNameCell</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、33、<router-link to="DefinedNameTable/index" target="_blank">给Excel模板中定义了名称的一块区域赋值</router-link><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>
                  Excel自身有一个“定义名称”的功能，可以给选中的一块区域（在PageOffice的概念里称这块区域为一个Table）定义一个名称，比如定义区域“B4:F13”的名称为：report，此示例演示了，如何给这个名称为“report”的Table赋值。</p>
              </td>
              <td>/DefinedNameTable</td>
            </tr>
            <tr>
              <td><img src="../../public/images/pdf.jpg"/></td>
              <td>二、34、<router-link to="FileMakerPDF/index" target="_blank">FileMaker转换单个文档为PDF（以Word为例） </router-link><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用FileMaker对象动态生成 PDF 文件的效果。虽然还是在客户端生成PDF文件后保存到服务器上的，但是不在客户端显式的打开文件。</p>
              </td>
              <td>/FileMakerPDF</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、35、<a
                href="javascript:POBrowser.openWindowModeless('WordCompare/Word' , 'width=1200px;height=800px;');">演示比较两个版本的Word文档的功能 </a><span
                style=" color:Red;">（企业版）</span>
                <p>使用PageOffice同时在线打开两个版本的Word文档，切换显示其中的一个文档，或同时显示两个文档对比文档内容，实现在线的文档内容比较功能。</p>
              </td>
              <td>/WordCompare</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、36、<a
                href="javascript:POBrowser.openWindowModeless('WordTextBox/Word' , 'width=1200px;height=800px;');">给Word文本框中的数据区域赋值 </a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>给Word文档中文本框里的数据区域赋值，实现填充数据到word文件中某些特殊位置的效果。</p>
              </td>
              <td>/WordTextBox</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、37、<a
                href="javascript:POBrowser.openWindowModeless('WordRibbonCtrl/Word' , 'width=1200px;height=800px;');">控制Word的Ribbon工具栏 </a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>隐藏或显示Word的Ribbon工具栏中的按钮、面板、命令分组。</p>
              </td>
              <td>/WordRibbonCtrl</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、38、<a
                href="javascript:POBrowser.openWindowModeless('ExcelRibbonCtrl/Excel' , 'width=1200px;height=800px;');">控制Excel的Ribbon工具栏 </a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>隐藏或显示Excel的Ribbon工具栏中的按钮、面板、命令分组。</p>
              </td>
              <td>/ExcelRibbonCtrl</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、39、<a
                href="javascript:POBrowser.openWindowModeless('SplitWord/Word' , 'width=1200px;height=800px;');">拆分Word文档：把数据区域中的内容保存为子文档</a><span
                style=" color:Red;">（企业版）</span>
                <p>保存文件时，把Word文档中属性SubmitAsFile = true的数据区域中的内容提取出来，保存为一个子文件。</p>
              </td>
              <td>/SplitWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、40、<a
                href="javascript:POBrowser.openWindowModeless('CommentsList/Word' , 'width=1200px;height=800px;');">Word的两种新建批注方式和批注列表效果</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>
                  演示了两种新建批注的方式：使用WordInsertComment方法新建批注和使用RunMacro方法调用VBA新建批注。使用RunMacro方法调用VBA接口在网页上实现批注列表，及点击批注列表中的批注导航到批注所在页的效果。</p>
              </td>
              <td>/CommentsList</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、41、<a
                href="javascript:POBrowser.openWindowModeless('RevisionsList/Word' , 'width=1200px;height=800px;');">Word中显示痕迹列表效果</a>
                <p>演示了遍历当前文档中的所有痕迹以列表的形式显示以及点击痕迹列表中的痕迹导航到痕迹所在页的效果。</p>
              </td>
              <td>/RevisionsList</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、42、<a
                href="javascript:POBrowser.openWindowModeless('HandDrawsList/Word' , 'width=1200px;height=800px;');">Word显示手写批注列表效果</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示了遍历当前文档中的所有手写批注以列表的形式显示以及点击手写批注列表中的手写批注导航到批注所在页的效果。</p>
              </td>
              <td>/HandDrawsList</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、43、<a
                href="javascript:POBrowser.openWindowModeless('WordCreateTable/Word' , 'width=1200px;height=800px;');">在Word文档中动态创建表格并赋值</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何在Word文档中动态创建多个表格并赋值。
                </p>
              </td>
              <td>/WordCreateTable</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、44、<a
                href="javascript:POBrowser.openWindowModeless('RunMacro2/Word' , 'width=1200px;height=800px;');">执行文档中有返回值的宏命令（以Word为例）</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>使用PageOffice的RunMacro方法可以运行Office的宏命令，并获取宏的返回值。</p>
              </td>
              <td>/RunMacro2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/pdf.jpg"/></td>
              <td>二、45、<a
                href="javascript:POBrowser.openWindowModeless('PDFSearch/PDF' , 'width=1200px;height=800px;');">PDF文档中的关键字搜索</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何在PDF文档中以“上一个”和“下一个”的形式搜索关键字。</p>
              </td>
              <td>/PDFSearch</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、46、<a
                href="javascript:POBrowser.openWindowModeless('SaveFirstPageAsImg/Word' , 'width=1200px;height=800px;');">保存Word首页为图片</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示了如何使用js调用WebSaveAsimg()方法将Word首页保存为图片。</p>
              </td>
              <td>/SaveFirstPageAsImg</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、47、<a
                href="javascript:POBrowser.openWindowModeless('ExcelAdjustRC/Excel' , 'width=1200px;height=800px;');">Excel只读模式下调整行列</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何在Excel只读模式下允许用户手动调整Excel表的行高和列宽。</p>
              </td>
              <td>/ExcelAdjustRC</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、48、<a
                href="javascript:POBrowser.openWindowModeless('WordDeleteRow/Word' , 'width=1200px;height=800px;');">删除Word表格中的指定单元格所在行</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示了如何使用服务器端方法removeRowAt(cell)删除Word表格中的指定单元格所在行。</p>
              </td>
              <td>/WordDeleteRow</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、49、<a
                href="javascript:POBrowser.openWindowModeless('InsertPageBreak2/Word' , 'width=1200px;height=800px;');">Word中使用服务器端方法插入分页符</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何使用服务器端方法wordDocument.insertPageBreak()插入分页符，使得多个文档合并时各个文档的格式依旧保持不变。</p>
              </td>
              <td>/InsertPageBreak2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>二、50、<a
                href="javascript:POBrowser.openWindowModeless('ExcelInsertImage/Excel' , 'width=1200px;height=800px;');">Excel单元格中插入图片</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示了如何在Excel指定的单元格中插入图片，主要用到的方法是：cell.setValue("[imgage]../../public/images/logo.jpg[/imgage]")。</p>
              </td>
              <td>/ExcelInsertImage</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、51、<a
                href="javascript:POBrowser.openWindowModeless('WordTableSetImg/Word' , 'width=1200px;height=800px;');">Word表格中的单元格内插入图片</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示如何使用cell.setValue("[imgage]doc/wang.gif[/imgage]")给Word表格中的单元格填充图片。</p>
              </td>
              <td>/WordTableSetImg</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、52、<a
                href="javascript:POBrowser.openWindowModeless('WordTableBorder/Word' , 'width=1200px;height=800px;');">设置Word表格的样式</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示如何使用使用Border类和Font类设置Word表格的边框样式及字体样式。</p>
              </td>
              <td>/WordTableBorder</td>
            </tr>

            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、53、<a
                href="javascript:POBrowser.openWindowModeless('ExtractImage/Word' , 'width=1200px;height=800px;');">提取Word中的图片</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示如何使用使用Shape类获取Word文档中的图片。</p>
              </td>
              <td>/ExtractImage</td>
            </tr>
            <tr>
              <td><img src="../../public/images/pdf.jpg"/></td>
              <td>二、54、<a
                href="javascript:POBrowser.openWindowModeless('OpenImage/Image' , 'width=1055px;height=900px;');">在线打开图片</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用POPDF组件在线打开图片文件，支持放大、缩小、旋转等效果，标题栏、菜单栏、工具栏和自定义工具条都可以分别隐藏，同时自定义工具条上的按钮的数量和功能均可编程控制。</p>
              </td>
              <td>/OpenImage</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、55、<a
                href="javascript:POBrowser.openWindowModeless('DisableCopyOut/Word' , 'width=1055px;height=900px;');">在线编辑Word文档时，禁止拷贝内容到外部</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示以编辑模式在线打开Word文档时，禁止拷贝在线Word中的内容到外部，只允许拷贝外部的内容到在线Word文件中的特效。</p>
              </td>
              <td>/DisableCopyOut</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、56、<a
                href="javascript:POBrowser.openWindowModeless('InsertImageSetSize/Word' , 'width=1055px;height=900px;');">后台编程方式向Word数据区域中动态插入图片，并设置图片大小</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示使用后台编程方式向Word数据区域中动态插入图片，并设置图片大小。</p>
              </td>
              <td>/InsertImageSetSize</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>二、57、<a
                href="javascript:POBrowser.openWindowModeless('RunMacroForDocm/Word' , 'width=1055px;height=900px;');">通过RunMarco直接调用word或者excel文件中的宏命令（以docm文件为例）</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>通过RunMarco直接调用word或者excel文件中的宏命令。</p>
              </td>
              <td>/RunMacroForDocm</td>
            </tr>
            </tbody>
          </table>
        </div>


      </div>
    </div>

    <div id="gtco-counter" class="gtco-section">
      <div class="gtco-container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="zonghe">
            <h2>三、综合演示</h2>
          </div>
        </div>
        <div class="row">
          <table class="zz-talbe">
            <thead>
            <tr>
              <th style="width:47px;">类型</th>
              <th style="width:500px;">功能示例</th>
              <th style="width:120px;">文件夹</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、1、<a
                href="javascript:POBrowser.openWindowModeless('FileMaker/Default' , 'width=1200px;height=800px;');">FileMaker批量转换文档（以Word为例）</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示动态生成多个Word文件的效果。</p>
              </td>
              <td>/FileMaker</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、2、<router-link to="ExaminationPaper/index" target="_blank">在Word文档中动态生成一张试卷</router-link>
                <p>演示选择题库中的部分试题，动态生成一份试卷的效果。如果使用动态生成js的方式实现，那么所有的PageOffice版本都可以支持；<span style="color:Maroon;">如果使用动态创建数据区域的方式来实现，编程会更简单，但是标准版不支持。</span>
                </p>
              </td>
              <td>/ExaminationPaper</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、3、<a
                href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/worddemo.rar">在OA或文档系统里文件流转中的使用效果</a>
                <p>
                  用修改无痕迹模式起草文件，各个领导批注自己意见的时候使用强制留痕模式打开，文员清稿的时候用核稿模式打开，还有最后只读模式打开发布的正式文件。其中在领导批注环节也演示了PageOffice提供的手写功能，在文件核稿之后可以加盖印章。</p>
              </td>
              <td><p style="color:Red;">卓正网站 / worddemo.rar</p></td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>三、4、<a href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/exceldemo.rar">对Excel文件格式提供的两种编辑模式（编辑模式和只读模式）</a>
                <p>演示了PageOffice打开编辑保存Excel文件的效果，还有在Excel中手写圈阅和盖章的效果。</p>
              </td>
              <td><p style="color:Red;">卓正网站 / exceldemo.rar</p></td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、5、<a href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/poword.rar">请假条示例</a>
                <p>
                  演示了PageOffice对Word模板的数据填充生成正式文件效果，同时演示了从Word文件中获取数据提交到服务器端保存到数据库中的效果，同时还可以看到PageOffice对Word文件中可编辑区域的控制效果，不但可以控制哪些区域可以编辑，还可以控制哪些区域只能以选择的方式选择指定的数据来修改内容。</p>
              </td>
              <td><p style="color:Red;">卓正网站 / poword.rar</p></td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>三、6、<a href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/poexcel.rar">模拟了一个简易的订单系统</a>
                <p>
                  演示了PageOffice对Excel模板的数据填充生成Excel文件，演示了获取Excel表格中的数据保存到数据库，演示了用PageOffice填充数据库数据到Excel报表模板生成Excel报表，演示了填充不定行数据到模板表格中行自动增长效果。</p>
              </td>
              <td><p style="color:Red;">卓正网站 / poexcel.rar</p></td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、7、<a
                href="javascript:POBrowser.openWindowModeless('WordParagraph/Word' , 'width=1200px;height=800px;');">完全编程实现动态生成Word文件</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了使用PageOffice.WordWriter命名空间中提供的类，用纯代码编程的方式在一个空白的Word文件中生成一个图文并茂、文本段落格式均已设置好的Word文档。</p>
              </td>
              <td>/WordParagraph</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>三、8、<a
                href="javascript:POBrowser.openWindowModeless('DrawExcel/Excel' , 'width=1200px;height=800px;');">完全编程实现动态生成Excel文件</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>
                  演示了使用PageOffice.ExcelWriter命名空间中提供的类，用纯代码编程的方式在一个空白的Excel文件中“绘制”一个包含了复杂公式的、表格线和文本颜色俱全、单元格格式完美并填充了数据的Excel表。</p>
              </td>
              <td>/DrawExcel</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、9、<router-link to="TaoHong/index" target="_blank">使用PageOffice实现模板套红</router-link><span style=" color:Red;">（专业版、企业版）</span>
                <p>演示了使用PageOffice的数据填充功能实现Word文件套红的效果。</p>
              </td>
              <td>/TaoHong</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、10、<router-link to="WordSalaryBill/index" target="_blank">插入Word表格模板动态生成工资条</router-link><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了插入Word文件、填充Word表格数据、合并Word文件、循环插入表格等功能。</p>
              </td>
              <td>/WordSalaryBill</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、11、<a href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/huiqiandan.rar">“汇签单”效果</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了使用数据区域控制不同用户编辑不同区域，实现汇签单的效果。</p>
              </td>
              <td><p style="color:Red;">/卓正网站 / huiqiandan.rar</p></td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、12、<a href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/TemplateEdit.rar">实现“用户自定义Word模板”动态生成文件</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示了如何通过用户自定义模板实现更灵活的动态填充生成Word文档。</p>
              </td>
              <td><p style="color:Red;">/卓正网站 / TemplateEdit.rar</p></td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、13、<a
                href="javascript:POBrowser.openWindowModeless('PrintFiles/Default' , 'width=1200px;height=800px;');">FileMaker批量生成并打印文件（以Word为例）</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示动态生成多个Word文件并批量打印的效果，如果只需要批量打印功能也可以参考此示例。</p>
              </td>
              <td>/PrintFiles</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、14、<router-link to="SaveAndSearch/index" target="_blank">全文搜索包含关键字的Word文档</router-link><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示如何全文搜索包含关键字的Word文档，并且打开文档后高亮显示关键字。</p>
              </td>
              <td>/SaveAndSearch</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、15、<a href="javascript:POBrowser.openWindowModeless('FileMakerConvertPDFs/index' , 'width=1200px;height=800px;');">Word批量转换成PDF文件</a>
			  <!-- <td>三、15、<router-link to="FileMakerConvertPDFs/index" target="_blank">Word批量转换成PDF文件</router-link> -->
			  <span style=" color:Red;">（专业版、企业版）</span>
                <p>演示如何使用FileMakerCtrl组件批量转换Word文件为PDF文件。</p>
              </td>
              <td>/FileMakerConvertPDFs</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、16、<a href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/huiqiandan2.rar">“汇签单2”效果</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示如何在HTML页面实现汇签单的效果。</p>
              </td>
              <td><p style="color:Red;">/卓正网站 / huiqiandan2.rar</p></td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>三、17、<a href="http://www.zhuozhengsoft.com/down5/Java/BigDemo/selectdemo.rar">完美解决PageOffice控件遮挡下拉菜单和遮挡弹出div框的问题</a>
                <p>演示使用衬iframe的方式完美解决PageOffice控件遮挡页面下拉菜单和PageOffice控件遮挡弹出div框的问题。</p>
              </td>
              <td><p style="color:Red;">/卓正网站 / selectdemo.rar</p></td>
            </tr>
            </tbody>
          </table>

        </div>
      </div>
    </div>

    <div id="gtco-products">
      <div class="gtco-container">
        <div class="">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="qita">
            <h2>四、其他技巧</h2>
          </div>
        </div>
        <div class="row">
          <table class="zz-talbe">
            <thead>
            <tr>
              <th style="width:37px;">类型</th>
              <th style="width:500px;">功能示例</th>
              <th style="width:120px;">文件夹</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、1、<a
                href="javascript:POBrowser.openWindowModeless('DeleteRow/Word' , 'width=1200px;height=800px;');">js
                删除Word表格中光标所在行</a><span style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口删除Word表格中一行单元格的效果。</p>
              </td>
              <td>/DeleteRow</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、2、<a
                href="javascript:POBrowser.openWindowModeless('HiddenRulars/Word' , 'width=1200px;height=800px;');">显示/隐藏Word文件中的标尺</a>
                <p>演示使用js调用Office的VBA接口隐藏Word标尺的效果。</p>
              </td>
              <td>/HiddenRulars</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、3、<a
                href="javascript:POBrowser.openWindowModeless('WordAddBKMK/Word' , 'width=1200px;height=800px;');">在Word当前光标处插入书签</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口在文件中插入书签的功能。</p>
              </td>
              <td>/WordAddBKMK</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、4、<a
                href="javascript:POBrowser.openWindowModeless('WordLocateBKMK/Word' , 'width=1200px;height=800px;');">js
                定位光标到书签</a><span style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口，定位光标到书签所在位置，一般可以用来实现盖章自动到指定位置的效果。</p>
              </td>
              <td>/WordLocateBKMK</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、5、<a
                href="javascript:POBrowser.openWindowModeless('WordHyperLink/Word' , 'width=1200px;height=800px;');">Word
                中插入超文本链接url</a><span style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口，在Word中插入超链的效果。</p>
              </td>
              <td>/WordHyperLink</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、6、<a
                href="javascript:POBrowser.openWindowModeless('WordMergeCell/Word' , 'width=1200px;height=800px;');">js合并Word单元格</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口，实现对Word中单元格的合并操作。</p>
              </td>
              <td>/WordMergeCell</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、7、<a
                href="javascript:POBrowser.openWindowModeless('WordGetSelection/Word' , 'width=1200px;height=800px;');">js获取Word选中的文字</a>
                <p>演示使用js调用Office的VBA接口，获取到文件中目前选中的文本内容。</p>
              </td>
              <td>/WordGetSelection</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、8、<a
                href="javascript:POBrowser.openWindowModeless('WordGoToPage/Word' , 'width=1200px;height=800px;');">js实现Word跳转到指定页面</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口，实现跳转到Word文档的指定页面和获取文档总页数。</p>
              </td>
              <td>/WordGoToPage</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>四、9、<a
                href="javascript:POBrowser.openWindowModeless('JsOpXlsCellText/Excel' , 'width=1200px;height=800px;');">js获取和设置Excel单元格的值</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口，实现获取和设置Excel文档中指定单元格的值。</p>
              </td>
              <td>/JsOpXlsCellText</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、10、<a
                href="javascript:POBrowser.openWindowModeless('InsertPageBreak/Word' , 'width=1200px;height=800px;');">js实现在Word光标处插入分页符</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口，实现在Word文档光标处插入分页符。</p>
              </td>
              <td>/InsertPageBreak</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、11、<a
                href="javascript:POBrowser.openWindowModeless('WordDelBKMK/Word' , 'width=1200px;height=800px;');">删除Word文档中选中文本内容中的书签</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js调用Office的VBA接口，删除Word文档中选中文本内容中的书签。</p>
              </td>
              <td>/WordDelBKMK</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、12、<a
                href="javascript:POBrowser.openWindowModeless('InsertImgForJs/Word' , 'width=1200px;height=800px;');">js方式插入图片（以Word文档为例）</a><span
                style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用js插入图片到文档指定位置。</p>
              </td>
              <td>/InsertImgForJs</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>四、13、<a
                href="javascript:POBrowser.openWindowModeless('InsertImgWaterMark/Word' , 'width=1200px;height=800px;');">js方式给Word文档插入图片水印</a><span
                style=" color:Red;">（企业版）</span>
                <p>演示使用js方式给Word文档插入图片水印。</p>
              </td>
              <td>/InsertImgWaterMark</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>


    <div id="gtco-features">
      <div class="gtco-container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="newV4">
            <h2>五、PAGEOFFICE v4.0新特性</h2>
          </div>
        </div>
        <div class="row">
          <table class="zz-talbe">
            <thead>
            <tr>
              <th style="width:45px;">类型</th>
              <th style="width:500px;">功能示例</th>
              <th style="width:120px;">文件夹</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>五、1、<a
                href="javascript:POBrowser.openWindowModeless('POBrowser/Word','width=1200px;height=800px;');">PageOffice浏览器方式在线打开文档（以Word为例）</a>
                <p>成熟完美的新式文件打开方式“PageOffice浏览器方式”。此方式彻底永久性的解决了当前及将来各品牌浏览器（谷歌Chrome、Firefox等）可能出现的不加载PageOffice、各种Crash或不稳定问题。</p>
              </td>
              <td>/POBrowser</td>
            </tr>
            <tr>

              <td><img src="../../public/images/office-1.png"/></td>
              <td>五、2、<a
                href="javascript:POBrowser.openWindowModeless('HtmlWord/Word' , 'width=1200px;height=800px;');">用Html静态页面集成PageOffice（以Word为例）</a>
                <p>演示如何使用静态Html页面集成PageOffice。</p></td>
              <td>/HtmlWord</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>五、3、<router-link to="CallParentFunction/index" target="_blank">使用PageOffice浏览器打开的页面（子页面）回调父页面的函数用来传值（以Word为例）</router-link>
                <p>使用PageOffice浏览器打开的页面（子页面）回调父页面JS函数，此功能还可以实现当子页面关闭以后自动更新父页面的局部状态信息。</p></td>
              <td>/CallParentFunction</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>五、4、<a
                href="javascript:POBrowser.openWindowModeless('PromptSave/Word' , 'width=1200px;height=800px;');">当用户关闭浏览器时，提示用户保存文档。解决onbeforeunload、onunload等无效、失效的问题</a>
                <p>当用户关闭浏览器时，提示用户保存文档。此功能很好地避免了当用户修改完文档，关闭文档时忘记保存的问题<span style='font-size:15px;color:red;'>(注意：此功能只支持Word)</span>。
                </p></td>
              <td>/PromptSave</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>五、5、<a
                href="javascript:POBrowser.openWindowModeless('OpenWindowModeless/Word' , 'width=1200px;height=800px;');">使用非模态框打开文件</a>
                <p>使用非模态框打开文件。使用此方法不会出现"立即切换PageOffice窗口"的模态框遮罩层。</p></td>
              <td>/OpenWindowModeless</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>五、6、<a
                href="javascript:POBrowser.openWindowModeless('GetParentParamValue/Word' , 'width=1200px;height=800px;','张三');">父页面给POBrowser打开文件的页面（子页面）传递参数</a>
                <p>
                  使用openWindowModeless的第三个参数向POBrowser打开文件的页面传递参数。(说明：如果传递短参数的话，直接用“？参数名称=”这种方式传递，如果参数字节超过1000b的话，只能用"openWindowModeless的第三个参数"方式传递。)</p>
              </td>
              <td>/GetParentParamValue</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>五、7、<a
                href="javascript:POBrowser.openWindow('OpenWindow/Word' , 'width=1200px;height=800px;');">使用模态框打开文件</a><span style="color: red">（已经过时的方法，不推荐使用）</span>
                <p>使用模态框打开文件。使用此方法会出现"立即切换PageOffice窗口"的模态框遮罩层。</p></td>
              <td>/OpenWindow</td>
            </tr>

            </tbody>
          </table>
        </div>
      </div>
    </div>


    <div id="gtco-features">
      <div class="gtco-container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="onlyIE">
            <h2 style="font-size:30px;">六、仅支持IE浏览器的PageOffice集成方式</h2>
          </div>
        </div>
        <div class="row">
          <p><font color=red>注意：</font>本示例包中的所有示例均可按照下面的代码集成方式编写。如果您确定您的软件项目的所有用户只使用IE浏览器，请按下面示例的集成方式调用PageOffice，效果更佳。
          </p>
          <table class="zz-talbe">
            <thead>
            <tr>
              <th style="width:42px;">类型</th>
              <th style="width:500px;">功能示例</th>
              <th style="width:120px;">文件夹</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>六、1、<router-link to="SimpleWord2/Word" target="_blank">最简单在线打开保存Word文件（URL地址方式）</router-link>
                <p>
                  演示PageOffice实现最基本的在线打开保存服务器上Word文件的功能，也是最简单的一个集成PageOffice的示例，第一次接触PageOffice产品的用户可以参考此示例把PageOffice集成到自己的项目中。</p>
              </td>
              <td>/SimpleWord2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-2.png"/></td>
              <td>六、2、<router-link to="SimpleExcel2/Excel" target="_blank">最简单在线打开保存Excel文件（URL地址方式）</router-link>
                <p>
                  演示在线打开保存Excel文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致。</p>
              </td>
              <td>/SimpleExcel2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/pdf.jpg"/></td>
              <td>六、3、<router-link to="POPDF2/PDF" target="_blank">在线打开PDF文件</router-link><span style=" color:Red;">（专业版、企业版）</span>
                <p>演示使用POPDF组件在线打开PDF文件的效果，标题栏、菜单栏、工具栏和自定义工具条都可以分别隐藏，同时自定义工具条上的按钮的数量和功能均可编程控制。</p>
              </td>
              <td>/POPDF2</td>
            </tr>
            <tr>
              <td><img src="../../public/images/office-1.png"/></td>
              <td>六、4、<router-link to="HtmlWord/Word" target="_blank">用Html静态页面集成PageOffice（以Word为例）</router-link>
                <p>演示如何使用静态Html页面集成PageOffice。</p></td>
              <td>/HtmlWord</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  <div id="gtco-subscribe">
    <div class="gtco-container">
      <div class="row">
        <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
          <h2>PageOffice V5.0</h2>
          <p>Copyright © 2022 北京卓正志远软件有限公司.</p>
          <p>(本页是PageOffice示例，仅供程序员编程参考，不得作为独立网站发布)</p>
          <p></p>
        </div>
      </div>
    </div>
  </div>
    <a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
  </div>
</template>
<script>

export default {
  name: 'index',
  
}
</script>
